
<html>
	<head>
	<meta content="IE=edge" http-equiv="X-UA-Compatible"></meta>

<meta content="width=device-width, initial-scale=1" name="viewport"></meta>

<meta content="" name="description"></meta>

<meta content="" name="author"></meta>
		<title>E-Learning of TetraSMA</title>
		<!-- Bootstrap Core Style -->
		<?php $this->icon();?>
		<link rel="stylesheet" type="text/css" href="css/bootstrap/css/bootstrap.min.css">
		<!-- Bootstrap Core Theme -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap/css/bootstrap-theme.min.css">
	</head>
	<body>	 
<?php
	$this->homenavigasi();
?>
			<div class="container">
				<div class="row" >
					<div class="col-sm-push-1 col-xs-12 col-sm-6 col-md-10">
				    <?php
				        $this->login();    
				        $this->register();
						$this->carousel();
						
					?>
					</div>
				</div>
			</div>
<?php
$this->footer();
?>
<script type="text/javascript">
var ajaxku;
function username(nama){
 ajaxku = buatajax();
 var url="proses/username.php?stat=guru&&username"+nama;
 ajaxku.onreadystatechange=guru;
 ajaxku.open("GET",url,true);
 ajaxku.send(null);
}


function buatajax(){
 if (window.XMLHttpRequest){
 return new XMLHttpRequest();
 }
 if (window.ActiveXObject){
 return new ActiveXObject("Microsoft.XMLHTTP");
 }
 return null;
}

function gru(){
var data;
 if (ajaxku.readyState==4 && ajaxku.status==200){
 data=ajaxku.responseText;
 if(data.length>0){
 document.getElementById("name").innerHTML = data;
 }else{
 document.getElementById("name").innerHTML = '';
 }
 }
}

	</script>

		<!-- JQuery Core -->
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<!-- Bootstrap Javascript Core -->
		<script type="text/javascript" src="css/bootstrap/js/bootstrap.min.js"></script>
		<!-- Custom Javascript Load Page -->
		
	</body>
</html>